<div class="govRegionState">
   	<div class = "panel-group" id = "accordion">
	    <div class = "panel panel-info">
	        <div class = "panel-heading">
	            <h4 class = "panel-title">
	                <a data-toggle ="collapse" data-parent = "#accordion" href = "#regionSel" style="font-size: 16px;">区域范围选择</a>
	            </h4>
	        </div>
	        <div id = "regionSel" class = "panel-collapse collapse in">
	            <div class = "panel-body">
	                <!--需要填充区域选择的代码-->
	                <form id="regionSelFormId" class="form-horizontal">
	                	<div class="col-sm-12">
		                	<label class="col-sm-2 control-label" style="padding:0;width:50px;height:30px;padding-top:8px;"><span style="color:#e02222;font-size: 14px;vertical-align: middle;padding:3px;">*</span>城市</label>
						    <div class="col-sm-8" style="padding-left:5px;padding-right:30px;">
						        <select id="s_city" name="s_city" class="form-control"></select>
						    </div>
	                	</div>
					  	<div class="col-sm-12" style="margin-top:10px;">
		                	<label class="col-sm-2 control-label" style="padding:0;width:50px;height:30px;padding-top:8px;">区/县</label>
						    <div class="col-sm-8" style="padding-left:5px;padding-right:30px;">
						       <select id="s_county" name="s_county" class="form-control" ></select>
						    </div>
	                	</div>
	                	<div class="col-sm-12" style="margin-top:10px;">
		                	<label class="col-sm-2 control-label" style="padding:0;width:50px;height:30px;padding-top:8px;">镇/街道</label>
						    <div class="col-sm-8" style="padding-left:5px;padding-right:30px;">
						       <select id="s_town" name="s_town" class="form-control" ></select>
						    </div>
	                	</div>
	                	<div class="col-sm-12" style="margin-top:10px;padding-left:70px;">
	                		<button type="button" class="btn btn-primary" data-dojo-attach-point="okBtn" style="outline:0;">确定</button>
	                	</div>
					</form>
	            </div>
	        </div>
	    </div>
	    <div class = "panel panel-success">
	        <div class = "panel-heading">
	            <h4 class = "panel-title">
	                <a data-toggle = "collapse" data-parent = "#accordion" href = "#regionStaticResult" style="font-size: 16px;">区域统计结果</a>
	            </h4>
	        </div>
	        <div id = "regionStaticResult" class = "panel-collapse collapse">
	            <div class = "panel-body"style="padding: 10px 8px;">
	                <ul id = "myTab" class = "nav nav-tabs" style="font-weight:800;">
					    <li class = "active"><a href = "#landInfoStatic" data-toggle = "tab" >土地信息</a></li>
					    <li><a href = "#followUpProjectStatic" data-toggle = "tab">跟进项目</a></li>
					    <li><a href = "#memCompletePercentStatic" data-toggle = "tab">人员完成度</a></li>
					</ul>
					<div id = "myTabContent" class = "tab-content">
					    <div class = "tab-pane fade in active" id="landInfoStatic">
					       <div class="staticInfo" style="padding: 10px 10px;">
								<span style="padding-right: 20px;font-size:14px;">已掌握土地数量和面积</span>
								<span style="padding-right: 20px;font-size:14px;font-weight: 600;" class="totalNum">600</span>
								<span style="font-size: 14px;font-weight: 600;" class="totalArea">600,000,000</span>
								<div class="splitLine" style="border-bottom: solid 1px #DCDCDC;margin-top: 5px;"></div>
							</div>
							<div class="detailInfo" style="padding: 10px 10px;">
							 	<div class="switchNumAndAreaPercent">
							    	<div class="numPercent">数量占比</div>
							    	<div class="areaPercent">面积占比</div>
							    </div>
								<div class="chart"style="width:400px;height:220px;"></div>
								<!-- <button type="button" class="btn btn-default" style="float: right;display:block;margin-bottom: 10px;" title="返回列表视图" id="back">
								  	<span class="glyphicon glyphicon-arrow-left"></span>
								</button> -->
								<table class="table table-striped table-bordered table-hover">
									<thead>
							            <tr>
							                <th style="text-align: center;">名称</th>
							                <th style="text-align: center;">数量</th>
							                <th style="text-align: center;">面积(m²)</th>
							                <th style="text-align: center;">占比(%)</th>
							            </tr>
							        </thead>
							        <tbody>
							            <!-- 主体填充数据 -->
							            <tr>
							            	<td style="text-align: center;">纳入三旧旧厂</td>
							            	<td style="text-align: center;">20000</td>
							            	<td style="text-align: center;">20000</td>
							            	<td style="text-align: center;">50%</td>
							            </tr>
							        </tbody>
							  	</table>
							</div>
					    </div>
					    <div class = "tab-pane fade" id = "followUpProjectStatic">
					       <div class="staticInfo" style="padding: 10px 10px;margin-bottom: 10px;">
								<span style="padding-right: 20px;font-size:14px;">跟进项目总数量和面积</span>
								<span style="padding-right: 20px;font-size:14px;font-weight: 600;" class="totalNum">600</span>
								<span style="font-size: 14px;font-weight: 600;" class="totalArea">600,000,000</span>
								<div class="splitLine" style="border-bottom: solid 1px #DCDCDC;margin-top: 5px;"></div>
							</div>
							<div class="detailInfo" style="padding: 10px 10px;">
								 <div class="switchNumAndAreaPercent">
							    	<div class="numPercent">数量占比</div>
							    	<div class="areaPercent">面积占比</div>
							    </div>
								<div class="chart"style="width:360px;height:220px;"></div>
								<table class="table table-striped table-bordered table-hover">
									<thead>
							            <tr>
							                <th style="text-align: center;">名称</th>
							                <th style="text-align: center;">数量</th>
							                <th style="text-align: center;">面积(m²)</th>
							                <th style="text-align: center;">占比(%)</th>
							            </tr>
							        </thead>
							        <tbody>
							            <!-- 主体填充数据 -->
							            <tr>
							            	<td style="text-align: center;">纳入三旧旧厂</td>
							            	<td style="text-align: center;">20000</td>
							            	<td style="text-align: center;">20000</td>
							            	<td style="text-align: center;">50%</td>
							            </tr>
							        </tbody>
							  	</table>
							</div>
					    </div>
					    <div class="tab-pane fade" id="memCompletePercentStatic">
					    	<div class="col-lg-12 col-md-12 col-sm-12" style="margin-top: 10px;float: left;">
				          		<label class="control-label col-lg-3 col-md-3 col-sm-3" style="margin-top: 8px;padding-right: 0;width: 85px;">起止日期
				          		<span style="color: #e02222;font-size: 12px;padding-left: 2px;">*</span></label>
								<div class="col-lg-5 col-md-5 col-sm-5" style="padding-left: 0px;">
									<div class="input-group input-large date-picker input-daterange" id="dateRangeId" data-date-format="yyyy-mm-dd" data-date-end-date="0d">
										<input type="text" class="form-control" name="from" value="" id="startDateId">
										<span class="input-group-addon">to</span>
										<input type="text" class="form-control" name="to"  value="" id="endDateId">
									</div>
								</div>
								<button type="button" class="btn btn-primary" data-dojo-attach-point="memCompletePercentStaticUpdate" style="float: right;">更新</button>
				          	</div>
							<div class="detailInfo" style="padding: 10px 10px;float: left;width: 100%;">
					          	 <div class="col-sm-4" style="position: absolute;right:24px;width: 125px;">
							     	<select class="form-control"  id="companySelID" style="display:none;">
							     		<option selected value="广州">广州</option>
							            <option value="广州北">广州北</option>
							            <option value="广州南">广州南</option>
							            <option value="白云组">白云组</option>
							            <option value="花都组">花都组</option>
							    	</select>
							     </div>
								<div class="chart"style="width:380px;height:250px;"></div>
								<table class="table table-striped table-bordered table-hover" style="margin-top: 50px;">
									<thead>
							            <tr>
							                <th style="text-align: center;">项目类型</th>
							                <th style="text-align: center;">实际数量(个)</th>
							                <th style="text-align: center;">指标数量(个)</th>
							                <th style="text-align: center;">完成度(%)</th>
							            </tr>
							        </thead>
							        <tbody>
							            <!-- 主体填充数据 -->
							            <tr>
							            	<td style="text-align: center;">洽谈项目</td>
							            	<td style="text-align: center;">100</td>
							            	<td style="text-align: center;">120</td>
							            	<td style="text-align: center;">100</td>
							            </tr>
							        </tbody>
							  	</table>
							</div>
					    </div>
					</div>
	            </div>
	        </div>
	    </div>
	</div>
</div>

